@charset "UTF-8";
.leftBox {
  width: 30%;
  height: 100%;
  float: left;
}

.leftBox .huanJing {
  width: 80%;
  height: 40%;
  margin: 0 auto;
}

.leftBox .huanJing nav {
  width: 100%;
  height: 8%;
  background: url(../../../public/icon/左.png) no-repeat;
  background-size: 100% 100%;
  color: #8295E0;
}

.leftBox .huanJing .tian-0 {
  width: 100%;
  height: 90%;
  background-color: #0D1D5E;
  margin-top: 1rem;
}

.leftBox .huanJing .tian-0 dl {
  padding: 2rem;
}

.leftBox .huanJing .tian-0 dl dt {
  float: left;
}

.leftBox .huanJing .tian-0 dl dd {
  margin-left: 8rem;
}

.leftBox .huanJing .tian-0 dl dd p > span:nth-child(2) {
  margin-left: 8rem;
  color: #AEA725;
  font-weight: 800;
}

.leftBox .huanJing .tian-0 .tian-1 {
  width: 85%;
  height: 8rem;
  background-color: #172E6C;
  margin: auto;
  line-height: 2.5rem;
}

.leftBox .huanJing .tian-0 .tian-1 p {
  display: flex;
  justify-content: space-around;
}

.leftBox .huanJing .tian-0 .tian-2 {
  width: 85%;
  height: 7rem;
  background-color: #172E6C;
  margin: 1rem auto;
}

.leftBox .student {
  width: 80%;
  height: 40%;
  margin: 100px auto;
}

.leftBox .student nav {
  width: 100%;
  height: 8%;
  background: url(../../../public/icon/左.png) no-repeat;
  background-size: 100% 100%;
  color: #8295E0;
}

.leftBox .student .stu-0 {
  width: 32rem;
  height: 21rem;
  background-color: #0D1D5E;
  margin-top: 1rem;
}

.cenetrBox {
  width: 40%;
  height: 100%;
  float: left;
}

.rightBox {
  width: 30%;
  height: 100%;
  float: left;
}

.rightBox .water {
  width: 80%;
  height: 40%;
  margin: auto;
}

.rightBox .water nav {
  width: 100%;
  height: 8%;
  background: url(../../../public/icon/左.png) no-repeat;
  background-size: 100% 100%;
  color: #8295E0;
}

.rightBox .water .water-0 {
  width: 32rem;
  height: 24rem;
  margin-top: 1rem;
}

.rightBox .water .water-0 .water-1 {
  height: 20%;
  display: flex;
  justify-content: space-between;
}

.rightBox .water .water-0 .water-1 img {
  width: 2.5rem;
  height: 3.2rem;
}

.rightBox .water .water-0 .water-1 .water-1-lft {
  width: 48%;
  height: 100%;
  background-color: #0D1D5E;
  display: flex;
  justify-content: space-evenly;
}

.rightBox .water .water-0 .water-1 .water-1-rgt {
  width: 48%;
  height: 100%;
  background-color: #0D1D5E;
  display: flex;
  justify-content: space-evenly;
}

.rightBox .water .water-0 .water-2 {
  height: 75%;
  background-color: #0D1D5E;
  margin-top: 2rem;
}

.rightBox .school {
  width: 80%;
  height: 40%;
  margin: 100px auto;
}

.rightBox .school nav {
  width: 100%;
  height: 8%;
  background: url(../../../public/icon/左.png) no-repeat;
  background-size: 100% 100%;
  color: #8295E0;
}

.rightBox .school .school-0 {
  width: 32rem;
  height: 24rem;
  margin-top: 1rem;
}

.rightBox .school .school-0 .school-1 {
  height: 20%;
  display: flex;
  justify-content: space-between;
}

.rightBox .school .school-0 .school-1 img {
  width: 2.5rem;
  height: 3.2rem;
}

.rightBox .school .school-0 .school-1 .school-1-lft {
  width: 48%;
  height: 100%;
  background-color: #0D1D5E;
  display: flex;
  justify-content: space-evenly;
}

.rightBox .school .school-0 .school-1 .school-1-rgt {
  width: 48%;
  height: 100%;
  background-color: #0D1D5E;
  display: flex;
  justify-content: space-evenly;
}

.rightBox .school .school-0 .school-2 {
  height: 75%;
  background-color: #0D1D5E;
  margin-top: 2rem;
}
